<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link type="text/css" rel="stylesheet" href="../css/mui.css" />
		<link type="text/css" rel="stylesheet" href="../css/wanshangziliao.css" />
		<link type="text/css" rel="stylesheet" href="../css/iconfont.css" />
		<link href="../css/mui.picker.css" rel="stylesheet" />
    	<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<title></title>
	</head>
	<body>
		<header style="background: #005aab;" class="mui-bar mui-bar-nav head">
			<span class="mui-icon mui-icon-back"></span>
			<h1 style="color: #FFFFFF; letter-spacing: 4px;" class="mui-title">完善资料</h1>
			<span class="mui-icon mui-icon-more"></span>
		</header>
		<div class="mui-content">
			<div class="mui-input-group">
			    <div class="mui-input-row">
			        <label>姓名</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入您的姓名">
			    </div>
			    <div class="mui-input-row">
			        <label>身份证</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入18位身份证号码">
			    </div>
			    <div class="mui-input-row">
			        <label>所属支行</label>
			        <input id="showCityPicker3" style="width: 19%; padding: 0;padding-left: 5px;" type="text" class="mui-input-clear" placeholder="区">
			        <div class="diqu">市</div>
			        <input id="showCityPicker2" style="width: 19%; padding: 0;padding-left: 5px;" type="text" class="mui-input-clear" placeholder="市">
			        <div class="diqu">省</div>
			        <input id="showCityPicker1" style="width: 19%; padding: 0;padding-left: 5px;" type="text" class="mui-input-clear" placeholder="省">
			    </div>
			    <div class="mui-input-row">
			        <label>服务机构</label>
			        <select>
			      		<option>点击选择产品</option>
			      		<option>1</option>
			      		<option>2</option>
			      		<option>3</option>
			      	</select>
			    </div>
			    <div class="mui-input-row">
			        <label>部门</label>
			        <select>
			      		<option>点击选择产品</option>
			      		<option>卡部</option>
			      		<option>技术部</option>
			      		<option>商务部</option>
			      	</select>
			    </div>
			    <div class="mui-input-row">
			        <label>领导</label>
			        <input type="text" class="mui-input-clear" placeholder="李傻逼">
			    </div>
			    <div class="mui-input-row">
			        <label>手机号</label>
			        <input type="text" class="mui-input-clear" placeholder="15770896001">
			    </div>
			     <div class="mui-input-row">
			        <label>邮箱</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入邮箱地址">
			    </div>
			     <div class="mui-input-row">
			        <label>银行卡</label>
			        <input type="text" class="mui-input-clear" placeholder="请输入银行卡号">
			    </div>
			    <div class="annue">
			    	<button type="button" class="mui-btn mui-btn-primary">保存</button>
			    </div>
			</div>
		</div>
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/mui.picker.js"></script>
	<script src="../js/mui.poppicker.js"></script>
	<script src="../js/city.data.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
	<script>
		mui.init();
	</script>
	<script>
			(function($, doc) {
				$.init();
				$.ready(function() {
					//-----------------------------------------
					//					//级联示例
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});
					cityPicker3.setData(cityData3);
					var show_sheng = doc.getElementById('showCityPicker1');
					var show_shi=doc.getElementById('showCityPicker2');
					var show_qu=doc.getElementById('showCityPicker3');
					show_sheng.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {
//							show_sheng.value=(items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
							sheng=(items[0] || {}).text;
							shi=(items[1] || {}).text;
							qu=(items[2] || {}).text;
							if(sheng.indexOf("省")>0){
								show_sheng.value=sheng.substring(0, sheng.lastIndexOf('省'));
							}else{
								show_sheng.value=sheng
							};
							show_shi.value=shi.substring(0, shi.lastIndexOf('市'));
							show_qu.value=qu;
							//返回 false 可以阻止选择框的关闭
//							return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
</html>
